@use "styles/Radius.module.scss";
@use "styles/Spacings.module.scss";
@use "styles/Typography.module.scss";
@use "styles/ZIndexes.module.scss";

.tooltip_content_wrapper {
  z-index: ZIndexes.$tooltip;
  background-color: var(--background-3);
  padding: Spacings.$spacing03;
  border-radius: Radius.$normal;
  font-size: Typography.$small;
  white-space: pre-wrap;
  overflow: hidden;
  max-width: 300px;

  &.small {
    max-height: 300px;
    overflow: auto;
  }

  &.dangerous {
    color: var(--dangerous-dark);
    background-color: var(--background-error);
  }

  &.success {
    color: var(--success);
    background-color: var(--background-success);
  }
}
